<template>
    <div class="detailed-info">
        <!-- 个人基础信息 -->
        <div class="basic-info info-wrapper">
            <p class="info-title">个人基础信息</p>
            <Row class="info-row">
                <Col span="2">廖奕炯</Col>
                <Col span="2">性别：男</Col>
                <Col span="4">手机号：13242012445</Col>
                <Col span="6">身份证号：441522199412312321</Col>
                <Col span="6">邮箱：1443089169@qq.com</Col>
                <Col span="4">婚姻状况：未婚</Col>
            </Row>
            <Row class="info-row">
                <Col span="2">驾照：A1</Col>
                <Col span="4">政治面貌：中共党员</Col>
                <Col span="4">入党时间：2020年5月8日</Col>
                <Col span="4">参加工作时间：2020年5月8日</Col>
                <Col span="2">体重：150kg</Col>
                <Col span="2">身高：178CM</Col>
            </Row>
            <Row class="info-row">
                <Col span="3">毕业学校：深圳大学</Col>
                <Col span="3">学历：非全日制大专</Col>
                <Col span="2">学位：学士</Col>
                <Col span="4">专业：光源与照明</Col>
                <Col span="6">现工作单位：深圳市天域人力资源有限公司</Col>
            </Row>
            <Row class="info-row">
                <Col span="2">民族：汉族</Col>
                <Col span="4">户籍：上海市-上海市-卢湾区</Col>
                <Col span="6">现居住地：上海市-上海市-卢湾区</Col>
                <Col span="6">出生年月：1994-11-29</Col>
            </Row>
            <table border="0" class="info-tab" cellspacing="1" cellpadding="0"  style="text-align:center;">
                <tr class="info-tab-tr">
                    <td style="width:60px">姓名</td>
                    <td style="width:60px">关系</td>
                    <td style="width:60px">年龄</td>
                    <td style="width:360px;text-align:center;">工作单位</td>
                </tr>
                <tr class="info-tab-tr">
                    <td>廖二炯</td>
                    <td>兄弟</td>
                    <td>22</td>
                    <td>宇宙公司</td>
                </tr>
                <tr class="info-tab-tr">
                    <td>廖二炯</td>
                    <td>兄弟</td>
                    <td>22</td>
                    <td>宇宙公司</td>
                </tr>
            </table>
        </div>
        <!-- 个人材料库 -->
        <div class="material-depot info-wrapper">
            <p class="info-title">个人材料库</p>
            <Row class="info-row">
                <Col span="4">一寸免冠彩色证件照</Col>
            </Row>
            <Row>
                <Col span="4">
                    <div class="row-info" style="width:114px;height:132px"><img src="https://iph.href.lu/113x132?text=113x132&fg=666666&bg=cccccc" alt=""></div>
                </Col>
            </Row>
            <Row class="info-row">
                <Col span="3">资格证书扫描件</Col>
                <Col span="3">驾驶证扫描件</Col>
                <Col span="4">个人身份证正反面扫描件</Col>
                <Col span="4">毕业证书扫描件/就业推荐表</Col>
                <Col span="3">学历验证证明扫描件</Col>
                <Col span="4">本科及以上学历提供学位证书</Col>
            </Row>
            <Row class="info-row">
                <Col span="3">文件名.pdf</Col>
                <Col span="3">文件名.pdf</Col>
                <Col span="4">文件名.pdf</Col>
                <Col span="4">文件名.pdf</Col>
                <Col span="3">文件名.pdf</Col>
                <Col span="4">文件名.pdf</Col>
            </Row>
            <Row class="info-row">
                <Col span="3">学位在线验证报告</Col>
                <Col span="3">党员身份证明材料</Col>
                <Col span="4">户口簿</Col>
                <Col span="4">应届毕业生个人声明书</Col>
                <Col span="3">报名表</Col>
                <Col span="4">在职证明扫描件</Col>
            </Row>
            <Row class="info-row">
                <Col span="3">文件名.pdf</Col>
                <Col span="3">文件名.pdf</Col>
                <Col span="4">文件名.pdf</Col>
                <Col span="4">文件名.pdf</Col>
                <Col span="3">文件名.pdf</Col>
                <Col span="4">文件名.pdf</Col>
            </Row>
        </div>
        <!-- 考务档案 -->
        <div class="file info-wrapper">
            <p class="info-title">考务档案</p>
            <Row class="info-row">
                <Col span="6">2020年观澜街道办招募社会临聘人员考试</Col>
                <Col span="6">报名岗位：龙华观澜街道办 - 网格员（不服从调剂）</Col>
            </Row>
            <div class="file-row">
                <Row class="info-row">
                    <Col span="6">是否有残疾证：否</Col>
                    <Col span="6">其他本考务中独有的字段（除基础信息外的字段）</Col>
                </Row>
            </div>
            <div class="file-row">
                <Row class="info-row">
                    <Col span="3">毕业生个人声明书扫描件</Col>
                    <Col span="3">报考诚信承诺书</Col>
                    <Col span="4">计划生育情况个人承诺书</Col>
                    <Col span="3">在职证明扫描件</Col>
                    <Col span="3">工作经历证明</Col>
                    <Col span="2">报名表</Col>
                    <Col span="4">无犯罪记录证明或承诺书</Col>
                </Row>
                <Row class="info-row">
                    <Col span="3">文件名.pdf</Col>
                    <Col span="3">文件名.pdf</Col>
                    <Col span="4">文件名.pdf</Col>
                    <Col span="3">文件名.pdf</Col>
                    <Col span="3">文件名.pdf</Col>
                    <Col span="2">文件名.pdf</Col>
                    <Col span="4">文件名.pdf</Col>
                </Row>
            </div>
            <div class="bottom">
                <Row class="info-row">
                    <Col span="3">初审员：廖奕炯</Col>
                    <Col span="3">复审员：卢子皓</Col>
                    <Col span="3">资格审查：未通过</Col>
                </Row>
                <Row class="info-row">
                    <Col span="4">准考证号：119121192</Col>
                </Row>
                <Row class="info-row">
                    <Col span="4">一寸免冠彩色证件照</Col>
                    <Col span="6">其他本考务中涉及到的材料（包含在材料库中的材料）</Col>
                </Row>
                <Row>
                    <Col span="4">
                        <div class="row-info" style="width:114px;height:132px"><img src="https://iph.href.lu/113x132?text=113x132&fg=666666&bg=cccccc" alt=""></div>
                    </Col>
                    <Col span="4">文件名.pdf</Col>
                </Row>
                <Row class="info-row">
                    <Col span="6">笔试考点-试室-座位号：民治中学-二十试室-018</Col>
                    <Col span="2">笔试成绩：28分</Col>
                </Row>
                <Row class="info-row">
                    <Col span="4">面试试室-座位号：二十试室-018</Col>
                    <Col span="2">面试成绩：28分</Col>
                </Row>
            </div>
        </div>
        <button class="back" @click="back">返回</button>
    </div>
</template>

<script>
    export default {
        data(){
            return {
            }
        },
        methods: {
            back() {
                this.$router.go(-1)
            }
        }
    }
</script>

<style lang="less">
.detailed-info {
    padding: 10px 20px;
    background-color: white;
    .info-wrapper {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #bbb;
        padding: 15px;
        .info-title {
            font-size: 16px;
            font-weight: bold;
        }
    }
    /* 个人基础信息 */
    .basic-info {
        height: 290px;
        .info-row {
            height: 40px;
            line-height: 40px;
            // width: 1400px;
        }
        .info-tab {
            background:#ccc;
            .info-tab-tr {
                td {
                    background:#FFF
                }
            }
        }
    }
    /* 个人材料库 */
    .material-depot {
        height: 388px;
        margin-top: 15px;
        .info-row {
            height: 40px;
            line-height: 40px;
            // width: 1400px;
        }
    }
    /* 考务档案 */
    .file {
        height: 524px;
        margin-top: 15px;
        .file-row {
            border: 1px solid #bbb;
            margin-bottom: 10px;
        }
        .info-row {
            height: 36px;
            line-height: 36px;
            // width: 1400px;
        }
    }
}
.back {
    width: 140px;
    margin-top: 20px;
}
</style>